body,html {
	background: #AAAAAA;
	width: 810px;
	margin: 30px auto;
}

body,td,p,input,button,li {
	font-family: 'Helvetica Neue', 'Tahoma', 'Helvetica', 'Arial',
		'Liberation Sans', 'Sans Uralic', 'Droid Sans', sans-serif;
	font-weight: normal;
	font-size: 10pt;
	line-height: 1.3em;
}

input[type=text], input[type=password], textarea {
	font-size: 10pt;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 1px solid #bbbbbb;
	background: -webkit-gradient(linear, 0% 0%, 0% 33%, from(#f3f3f3), to(#fcfcfc) );
	background: -o-linear-gradient(#f3f3f3, #fcfcfc 33%);
	background: -moz-linear-gradient(0% 90% 90deg, #fcfcfc 66%, #f3f3f3);
}

input[type=text], input[type=password]{
	height: 18px;
	line-height: 18px;
	height: 22px;
}

input[type=submit], input[type=reset], button {
	display: inline-block;
	font-size: 9pt;
	color: #444;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	box-shadow: 0 1px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.4);
	text-shadow: 1px 1px 2px #ffffff, 0px 1px 2px #ffffff, -1px 1px 2px #ffffff;
	background: #e9e9e9;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fcfcfc), to(#dddddd) );
	background: -o-linear-gradient(#fcfcfc, #dddddd);
	background: -moz-linear-gradient(0% 90% 90deg, #dddddd, #fcfcfc);
	border: 1px solid #bbbbbb;
	height: 22px;
	line-height: 17px;
	padding-bottom: 3px;
}

input:hover[type=submit], input:hover[type=reset], button:hover {
	color: #555;
	text-decoration: none;
	background: #f3f3f3;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#e9e9e9) );
	background: -o-linear-gradient(#ffffff, #e9e9e9);
	background: -moz-linear-gradient(0% 90% 90deg, #e9e9e9, #ffffff);
	box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2);
	color: #555 !important;
}

input:active[type=submit], input:active[type=reset], button:active {
	position: relative;
	top: 1px;
}

div.header {
	background: #F3F3F3;
	height: 20px;
	line-height: 20px !important;
	font-size: 10pt;
	padding: 0;
}

div.search {
	margin: 25px auto;
	text-align: center;
	font-size: 10pt;
}

div.pager {
	margin: 25px auto;
	text-align: center;
	font-size: 10pt;
}

div.pager span {
	display: inline-block;
	line-height: 30px;
	padding: 0 10px;
}
	
div.quote {
	margin: 30px 0;
	position: relative;
}

div.pager span.current {
	font-size: 12pt;
	width: 42px;
	text-align: center;
	border: 1px solid #BBB;
	border-radius: 7px;
	background: -webkit-gradient(linear, 0% 0%, 0% 33%, from(#f3f3f3), to(#fcfcfc));
	padding: 1px;
	position: relative;
	top: 1px;
}

div.quote div.actions {
	position: relative;
	line-height: 22px;
	font-size: 9pt;
}

div.quote div.actions .date {
	position: absolute;
	bottom: 0;
	left: 500px;
	color: #999;
}

div.quote div.actions .id {
	position: absolute;
	bottom: 0;
	right: 8px;
	color: #0055cc;
	padding: 0 8px;
	margin: 0 -8px;
}

div.quote div.actions a:hover {
	background: #f3f3f3;
}

div.quote div.actions span,div.quote div.actions a {
	display: inline-block;
	text-align: center;
}

div.quote div.actions .down,div.quote div.actions .up {
	width: 26px;
	font-weight: bold;
}

div.quote div.text {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #f3f3f3;
	border: 1px dotted #bbbbbb;
	font-family: 'Monaco', 'Liberation Mono', 'Droid Sans Mono', 'Ubuntu Mono', 'Lucida Console', 'Helvetica Neue', monospace;
	padding: 7px 8px 5px 8px;
	font-size: 10pt;
	line-height: 1.3em;
}

div.footer {
	position: relative;
	margin: 30px 0;
	border-top: 1px dotted #BBB;
}